<template>
    <div class="filterDropdownPopupBox" v-if="showFilterDropdown">
        <div class="content">
            <div class="box" v-for="(it,i) in renderData" :key="i">
                <div class="bigTitle">
                    {{it.title}}
                </div>
                <div class="list">
                    <div 
                        class="it" 
                        :class="{'active':selectInfo.selectVals.includes(item.value)}"
                        v-for="(item,index) in it.children"
                        :key="index"
                        @click="selectItem(i,item.value)"
                    >
                        {{ item.name }}
                    </div>
                </div>
            </div>


            <div class="doLineBox">
                <div class="closeBtn btnBox" @click="auto(false)">
                    关闭
                </div>
                <div class="confirmBtn btnBox" @click="confirmSelect(false)">
                    确定
                </div>
            </div>
        </div>
    </div>
</template>

<script src="./my-filter-dropdown.ts" lang="ts"></script>

<style lang="stylus" scoped>
@import './my-filter-dropdown.styl';
</style>